import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  customerListWrap: {
    display: 'flex',
    flexDirection: 'column',
    flex: 1,
  },
  searchBar: {
    padding: 5,
    marginBottom: 5
  },
  customerListItem: {
    flex: 1
  },
  input: {
    height: 32,
    lineHeight: 32
  },
  listWrap: {
    backgroundColor: '#fff',
    borderBottomColor: '#ccc',
    borderBottomWidth: 1
  },
  item: {
    display: 'flex',
    flexDirection: 'row',
    margin: 5
  },
  avatarView: {
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    width: 32,
    height: 32,
    borderRadius: 10,
    marginRight: 10
  },
  avatar: {
    width: 32,
    height: 32
  },
  itemText: {
    flex: 1
  },
  itemTextTop: {
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'flex-end'
  },
  itemTextName: {
    fontSize: 24,
    marginRight: 10,
  },
  itemTextInfo: {
    fontSize: 18,
    color: '#999'
  },
  point: {
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'center',
    paddingRight: 10
  },
  sectionTitle: {
    backgroundColor: '#e5e5e5',
    paddingHorizontal: 10,
    paddingVertical: 2,
    fontSize: 16,
  }
});
